$(function () {

      let q = {
          pagenum: 1,
          pagesize: 2,
          cate_id: "",
          state: "",
      }
  
      initArticleList()
      function initArticleList() {
          axios({
              method: 'GET',
              url: '/my/article/list',
              params: q
          }).then(res => {
              if (res.data.status != 0) {
                  return layer.msg(res.data.message)
              }
              // 渲染
              let arr = []
              res.data.data.forEach(ele => {
                  arr.push(`
                        <tr>
                            <td>${ele.title}</td>
                            <td>${ele.cate_name}</td>
                            <td>${dateFormat(ele.pub_date)}</td>
                            <td>${ele.state}</td>
                            <td>
                                <button class="layui-btn layui-btn-xs layui-btn-danger" id="datatBtn" data-id="${ele.Id}">删除</button>
                                <button class="layui-btn layui-btn-xs" id="xiugai" xiugai-id="${ele.Id}">修改</button>
                            </td>
                        </tr>
                    `)
              })
              // 赋值
              $("tbody").empty().html(arr.join(''))
              // 分页
              renderPage(res.data.total)
          })
      }
  
      // 需求: 初始化文章分类列表
      let form = layui.form
      initArtCateList()
      function initArtCateList() {
          // 发送ajax
          axios({
              method: 'GET',
              url: '/my/article/cates'
          }).then(res => {
              if (res.data.status != 0) {
                  return layer.msg(res.data.message)
              }
              // 初始化
              let arr = ['<option value="">请选择文章类别</option>']
              res.data.data.forEach(ele => {
                  arr.push(`<option value="${ele.Id}">${ele.name}</option>`)
              })
              // 循环完毕后，在渲染
              $("[name=cate_id]").empty().html(arr.join(''))
              form.render()
          })
      }
  
      // 需求: 筛选
      $("#searchForm").on('submit', function (e) {
          e.preventDefault()
          // 修改 q 对象中的值
          q.cate_id = $('[name=cate_id]').val()
          q.state = $('[name=state]').val()
          // 然后重新渲染文章列表！
          initArticleList()
      })
      // 删除
      $('tbody').on('click', '#datatBtn', function (e) {
          e.preventDefault()
          let arrthis = $(this)
          layer.confirm('是否确认删除？', { icon: 3, title: '提示' }, function () {
              //    arrthis.attr('data-id')
              axios({
                  url: '/my/article/delete/' + arrthis.attr('data-id'),
                  method: 'get',
              }).then(res => {
                  //成功回调
                  if (res.data.status !== 0) {
                      return layer.msg(res.data.message)
                  }
                  layer.msg(res.data.message)
                  $('#datatBtn').length == 1 && q.pagenum >= 2 && q.pagenum--
                  initArticleList()
  
              })
  
          })
  
  
      })
  
      function renderPage(total) {
          var laypage = layui.laypage
  
          //执行一个laypage实例
          laypage.render({
              elem: 'test1', //注意，这里的 test1 是 ID，不用加 # 号
              count: total, //数据总数，从服务端得到
              limit: q.pagesize,
              curr: q.pagenum,
              layout: ['count', 'limit', 'prev', 'page', 'next', 'refresh', 'skip'],
              limits: [2, 3, 5, 10],
              jump: function (obj, first) {
                  if (!first) {
                      q.pagenum = obj.curr
                      q.pagesize = obj.limit
                      initArticleList()
                  }
              }
          })
      }
  
  })
  